*,::after,::before {margin: 0;padding: 0;box-sizing: border-box;backface-visibility: hidden;font-family:'Noto Sans SC',"Microsoft JhengHei","Source Han Sans CN", "PingFang SC", "Source Han Serif SC", "Microsoft YaHei", sans-serif;}
ol,ul,li {list-style-type:none;vertical-align : middle;}
img {vertical-align:top;border: 0;}
input,select,textarea,button {vertical-align:middle;}
textarea,input {text-indent: 10px;} /*表单元素默认有10像素的缩进*/
input[type='submit'],input[type='button'],button {text-indent: 0;text-align: center;cursor: pointer;}
label, button, a {cursor: pointer}
ins,em,b,i {text-decoration: none;font-style: normal;}
/* 去掉浏览器激活样式 */
select:focus,
textarea:focus,
input:focus,
button{outline:none;}
a{user-select: none;}
/*滚动动画的样式*/
.disable-hover {pointer-events: none;}
.scroll-animate.animated {visibility: hidden;}
.scroll-animate:not(.father){visibility: hidden;}
.animated{-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.font-fadeIn font{display: inline-block;}
::-webkit-scrollbar{width:5px; background-color:rgba(0,0,0,0.1);}
::-webkit-scrollbar-thumb{border:solid 1px transparent; width:3px;  border-radius:4px; background-color:var(--black);}
::-webkit-scrollbar-corner{background-color:transparent;}
::-webkit-scrollbar:horizontal{height:9px;}
::-webkit-selection{background:transparent;color:transparent;}
::-moz-selection{background:transparent;color:transparent;}
::selection {background-color: #1C509C;color: #fff;-webkit-text-fill-color: #fff;}
/* 提示文字的初始样式 */
input::-webkit-input-placeholder,
input::-moz-input-placeholder,
textarea::-webkit-textarea-placeholder,
textarea::-moz-textarea-placeholder{color: #999;transition:color .5s;}
/* 提示文字的激活样式 */
input:focus::-webkit-input-placeholder,
input:focus::-moz-input-placeholder,
input:hover::-webkit-input-placeholder,
input:hover::-moz-input-placeholder,
textarea:focus::-webkit-input-placeholder,
textarea:focus::-moz-input-placeholder,
textarea:hover::-webkit-input-placeholder,
textarea:hover::-moz-input-placeholder{color: #c2c2c2;}
a {color: inherit;text-decoration:none;}
a[href]{cursor: pointer;}
a:hover {text-decoration:none;cursor:pointer;}
a:focus { background-color:transparent; }
audio, canvas, progress, video {  display: inline-block;  vertical-align: baseline;  }
/*用来解决在安卓上的点击出现篮框问题*/
body{ -webkit-tap-highlight-color:rgba(0,0,0,0); }
html{width: 100%;font-size:100px;scroll-behavior: initial;overflow-x: hidden;}
/*解决ios上去除微信点击蓝色边框 */
a:focus,
input:focus,
p:focus,
div:focus{
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
img[src=""],img:not([src]){opacity: 0;}
b{font-size: inherit;color: inherit;font-family: inherit;}
font{font-size: inherit;font-weight: inherit;color: inherit;font-family: inherit;font-style: inherit;text-transform: inherit;}

.grayscale{filter: grayscale(100%);}
.fl{float: left;}
.fr{float: right;}
.fw-100{font-weight: 100;}
.fw-300{font-weight: 300;}
.fw-400{font-weight: 400;}
.fw-500{font-weight: 500;}
.fw-600{font-weight: 600;}
.lh-10{line-height: 1.0}
.lh-11{line-height: 1.1}
.lh-12{line-height: 1.2}
.lh-13{line-height: 1.3}
.lh-14{line-height: 1.4}
.lh-15{line-height: 1.5}
.lh-16{line-height: 1.6}
.cl::after {content:'\20';display:block; height:0;line-height:0;font-size:0;clear:both;visibility:hidden;}
.hide {display: none;}
.show {display: block;}
.text_overflow {display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
[data-ahref]{cursor: pointer;}
.f-left{text-align: left;}.f-center{text-align: center;}.f-right{text-align: right;}
.up-word{text-transform: uppercase;}
.v-show{visibility: visible;}
.v-hide{visibility: hidden;}
.pr{position: relative;}
.pa{position: absolute;}
.back-cover{background-size: cover;}
.back-contain{background-size: contain;}
.wid-10{width: 10%;}.wid-15{width: 15%;}.wid-20{width: 20%;}.wid-25{width: 25%;}.wid-30{width: 30%;}.wid-35{width: 35%;}.wid-40{width: 40%;}.wid-45{width: 45%;}.wid-50{width: 50%;}.wid-55{width: 55%;}.wid-60{width: 60%;}.wid-65{width: 65%;}.wid-70{width: 70%;}.wid-75{width: 75%;}.wid-80{width: 80%;}.wid-85{width: 85%;}.wid-90{width: 90%;}.wid-95{width: 95%;}.wid-100{width: 100%;}
.op-0{opacity: 0;}.op-1{opacity: 0.1;}.op-2{opacity: 0.2;}.op-3{opacity: 0.3;}.op-4{opacity: 0.4;}.op-5{opacity: 0.5;}.op-6{opacity: 0.6;}.op-7{opacity: 0.7;}.op-8{opacity: 0.8;}.op-9{opacity: 0.9;}.op-10{opacity: 1;}
.layout-v-middle{position: absolute;top: 0;bottom: 0;margin: auto;}//绝对垂直居中
.layout-h-middle{position: absolute;left: 0;right: 0;margin: auto;}//绝对水平居中
.layout-middle{@extend .layout-v-middle;left: 0;right: 0;}
.pa-v{position: absolute;top: 50%;transform: translateY(-50%);}
.pa-h{position: absolute;left: 50%;transform: translateX(-50%);}
.pa-mid{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);}
.pic{background-size: cover;background-repeat: no-repeat;background-position: center;}
.fxc{display: flex;align-items: center;justify-content: center;}
.fxb{display: flex;align-items: center;justify-content: space-between;}
.fxs{display: flex;align-items: center;justify-content: flex-start;}
.flex-row-cc{display: flex;align-items: center;justify-content: center;}
.flex-row-cb{display: flex;align-items: center;justify-content: space-between;}
.flex-row-cs{display: flex;align-items: center;justify-content: flex-start;}
.flex-row-ss{display: flex;align-items: flex-start;justify-content: flex-start;}
.flex-row-sb{display: flex;align-items: flex-start;justify-content: space-between;}
.flex-col-cb{display: flex;align-items: center;justify-content: space-between;flex-direction: column;}
.flex-col-cc{display: flex;align-items: center;justify-content: center;flex-direction: column;}
.flex-col-cs{display: flex;align-items: center;justify-content: flex-start;flex-direction: column;}
.flex-col-ss{display: flex;align-items: flex-start;justify-content: flex-start;flex-direction: column;}
.maxSize{width: 84%;max-width: 1600px;margin: auto;}
.full{//铺满
  position: absolute;width: 100%;height: 100%;top: 0;left: 0;
}
.f-160{ font-size: 1.60rem;}
.f-150{ font-size: 1.50rem;}
.f-140{ font-size: 1.40rem;}
.f-120{ font-size: 1.20rem;}
.f-90{ font-size: 0.90rem; }
.f-84{ font-size: 0.84rem; }
.f-80{ font-size: 0.80rem; }
.f-72{ font-size: 0.72rem; }
.f-70{ font-size: 0.70rem; }
.f-64{ font-size: 0.64rem; }
.f-60{ font-size: 0.60rem; }
.f-56{ font-size: 0.56rem; }
.f-54{ font-size: 0.54rem; }
.f-50{ font-size: 0.50rem; }
.f-48{ font-size: 0.48rem; }
.f-46{ font-size: 0.46rem; }
.f-44{ font-size: 0.44rem; }
.f-42{ font-size: 0.42rem; }
.f-40{ font-size: 0.40rem; }
.f-38{ font-size: 0.38rem; }
.f-36{ font-size: 0.36rem; }
.f-34{ font-size: 0.34rem; }
.f-32{ font-size: 0.32rem; }
.f-30{ font-size: 0.30rem; }
.f-28{ font-size: 0.28rem; }
.f-26{ font-size: 0.26rem; }
.f-24{ font-size: 0.24rem; }
.f-22{ font-size: 0.22rem; }
.f-20{ font-size: 0.20rem; }
.f-18{ font-size: 0.18rem; }
.f-16{ font-size: 0.16rem; }
.f-14{ font-size: 0.14rem; }
.f-12{ font-size: 0.12rem; }
.mb-100{margin-bottom: 1.00rem;}
.mb-90{margin-bottom: .90rem;}
.mb-80{margin-bottom: .80rem;}
.mb-70{margin-bottom: .70rem;}
.mb-60{margin-bottom: .60rem;}
.mb-50{margin-bottom: .50rem;}
.mb-40{margin-bottom: .40rem;}
.mb-30{margin-bottom: .30rem;}
.mb-20{margin-bottom: .20rem;}
.mb-10{margin-bottom: .10rem;}
.mr-100{margin-right: 1.00rem;}
.mr-90{margin-right: .90rem;}
.mr-80{margin-right: .80rem;}
.mr-70{margin-right: .70rem;}
.mr-60{margin-right: .60rem;}
.mr-50{margin-right: .50rem;}
.mr-40{margin-right: .40rem;}
.mr-30{margin-right: .30rem;}
.mr-20{margin-right: .20rem;}
.mr-10{margin-right: .10rem;}
.ml-100{margin-left: 1.00rem;}
.ml-90{margin-left: .90rem;}
.ml-80{margin-left: .80rem;}
.ml-70{margin-left: .70rem;}
.ml-60{margin-left: .60rem;}
.ml-50{margin-left: .50rem;}
.ml-40{margin-left: .40rem;}
.ml-30{margin-left: .30rem;}
.ml-20{margin-left: .20rem;}
.ml-10{margin-left: .10rem;}
.mt-100{margin-top: 1.00rem;}
.mt-90{margin-top: .90rem;}
.mt-80{margin-top: .80rem;}
.mt-70{margin-top: .70rem;}
.mt-60{margin-top: .60rem;}
.mt-50{margin-top: .50rem;}
.mt-40{margin-top: .40rem;}
.mt-30{margin-top: .30rem;}
.mt-20{margin-top: .20rem;}
.mt-10{margin-top: .10rem;}
